<!--Sidebar Section-->
<div dojotype="dijit.layout.ContentPane" id="leftPane" region="left">
    <div id="leftPaneContent" dojotype="dijit.layout.BorderContainer" design="headline"
         gutters="false" style="width:100%; height:100%;">
        <!--Sidebar Header-->
        <div class="panelHeader" dojotype="dijit.layout.ContentPane" region="top">
            <span id='leftPaneHeader'></span>
        </div>
        <!--Sidebar Content-->
        <div id="leftPaneBody" dojotype="dijit.layout.StackContainer" region="center">
            <div id="panel1" class="panel_content" dojotype="dijit.layout.ContentPane">
                <div id="description">
                    <!--Enter your custom content for the sidebar here-->
                    <h1>Shape</h1>
                    <hr/>
                    <label for="txtLatitude">Latitude:</label>
                    <input id="txtLatitude" type="text" dojoType="dijit.form.TextBox"/><br/>
                    <label for="txtLongitude">Longitude:</label>
                    <input id="txtLongitude" type="text" dojoType="dijit.form.TextBox"/><br/>
                    *{<button id="btnSayHello" dojoType="dijit.form.Button">Say Hello</button>}*
                </div>
            </div>
        </div>
    </div>
</div>